<template>
  <div>
    <h2>自定义带Hover提示的按钮</h2>
    <Child aa="bb" class="xxx" :xx="{ n: 2 }" @click="test" @xxx="test"></Child>

    <!-- <el-button
      type="primary"
      size="mini"
      icon="el-icon-plus"
    ></el-button> -->
    <HintButton
      type="primary"
      size="mini"
      icon="el-icon-plus"
      title="添加"
    ></HintButton>
    <HintButton
      type="warning"
      size="mini"
      icon="el-icon-edit"
      title="修改"
    ></HintButton>
    <HintButton
      type="danger"
      size="mini"
      icon="el-icon-delete"
      title="删除"
    ></HintButton>

    <el-button type="primary" @dblclick.native="test"></el-button>
  </div>
</template>

<script type="text/ecmascript-6">
import Child from "@/pages/Communication/AttrsListenersTest/Child.vue";
import HintButton from "@/pages/Communication/AttrsListenersTest/HintButton.vue";
export default {
  name: "AttrsListenersTest",
  components: {
    Child,
    HintButton,
  },
  methods: {
    test() {
      console.log(111);
    },
  },
};
</script>
